<!DOCTYPE html>
<html lang="en">

<head>
    {# Django模板的母版 #}
    <meta charset="UTF-8">
    <title>换发型 - {{ title }}</title>

    <!--此网页在浏览器中的标签的左侧的小图标引用-->
    <link href="/static/images/browser_used/hair_01.ico" rel="shortcut icon">

    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/css/base.css" media="all">

    <script src="/static/layui/layui.js"></script>

    <!--使用layUI, 必须要引用jQuery, 而且要自己从网上下载jQuery源文件-->
    <script src="/static/jquery-3.6.0.js"></script>

    {# 下面是用来替换的 #}
    {% block head %}
    {% endblock %}

</head>

<body>
{% if not hide_top %}
<div class="toolbar-container">
    <div class="toolbar-container-left">
        <div id="logo">
            <img id="logo_img" title="换发型LOGO" src="/static/images/homepage/logo_2.jpg"></a>
        </div>
        <a id="mall_entrance" href="/mall/">商城</a>
    </div>
    <div class="toolbar-container-mini-middle">
        <div class="toolbar-search-container">
            <input id="toolbar-search-input" autocomplete="off" type="text" value="" placeholder="男士发型">
            <button id="toolbar-search-button"><i id="search_img"></i><span>搜 索</span></button>
        </div>
    </div>
    <div class="toolbar-container-right">
        <div id="user_center">
            {% if login_flag %}
            {#已登陆#}
            <a id="user_avatar" href="/users/details?username={{ username }}"><img id="user_img"
                                                                                   src="/static/images/users_images/default.jpg"></a>
            <a class="my-order" href="/users/my_favorite?username={{ username }}">我的收藏</a>
            <a class="my-order" href="/users/my_order?username={{ username }}">我的订单</a>
            {% else %}
            {#未登陆#}
            <a id="login_header_link" href="/users/show_login_page/">登录</a>
            <span id="after_login_header_link">|</span>
            <a id="register_header_link" href="/users/register/">注册</a>
            {% endif %}
        </div>
    </div>
</div>
{% endif %}

{# 下面是用来替换的 #}
{% block middle %}
{% endblock %}

{% if not hide_bottom %}
<div class="footer no-mp">
    <div class="foot_link">
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">招聘人才</a>
        <span>|</span>
        <a href="#">友情链接</a>
    </div>
    <p>CopyRight © 2022 换发型 All Rights Reserved</p>
</div>
{% endif %}

</body>

</html>